/*通用*标题*/
.title-a {
    padding: 10px 0px;
    color: #000;
    font-size: 14px;

    >.icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        padding:0;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
        text-align: center;

        >img {
            width:80%;
            margin-top: -8px;
        }
    }
}

/*通用*商品列表样式*/
.goods-list-a{
    >.goods{
        background-color: #FFF;
        margin-top:10px;
        position: relative;

        >.banner{
            overflow: hidden;
            margin: 10px;
	       margin-top: 15px;
            position: relative;
            border: #ccc 1px solid;
            >img{ 
		        margin:10px 0px;
                width: 100%;
                //max-height: 100px;
            }
            >.tag{
                position: absolute;
                top: 10px;
                left: 10px;
            }
        }

        >.info{
            >.name{
                font-size: 15px;
                margin-top: 12px;
                height: 36px;
                line-height: 18px;
                overflow: hidden;
            }
            >.font-info{
                font-size: 14px;
                color: #b2b2b2;
                line-height: 20px;
            }
            >.buy-count{
                padding-left: 15px;
            }
            >.price-score{color: #ffb424;}
            >.price-money{color: #F00;}
            .icon{
                height: 15px;
                float: left;
                margin-top: 2px;
                margin-right: 4px;
            }
        }
        
        >.cart-ops {
            position: absolute;
            width: 26px;
            height: 26px;
            text-align: center;
            line-height: 26px;
            color: #FFF;
            font-weight: bold;
            border-radius: 50%;
            right: 100px;
            bottom: 10px;
            &.add{ background-color: #FF853B;}
            &.minus {background-color: #2AA433;}
        }

        >.box-cart-ops{
            position: absolute;
            right: 95px;    
            bottom: 2px;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            >.cart-ops-icon {
                width: 26px;
                height: 26px;
                border-radius: 50%;
                
                font-size: 12px;
                text-align: center;
                line-height: 28px;
                color: #FFF;
                &.fa-minus{
                    background-color: #2AA433;
                }
                &.fa-plus {
                    background-color: #FF853B;
                }
            }
        }
            
        >.button{
            position: absolute;
            right: 10px;
            bottom: 10px;
            height: 26px;
            line-height: 20px;
            width: 85px;
            font-size: 12px;
            border-radius: 13px;
            &:focus{
                outline: none;
            }
        }

        >.btn-buy{
            border:none;
            background-color: #ff853b;
            color: #fff;
            &:hover{
                outline: none;
                background-color: #ee742b;
            }
        }
        >.btn-try{
            border:none;
            background-color: #2aa433;
            color: #fff;
            &:hover{
                outline: none;
                background-color: #ee742b;
            }
        }
        >.btn-pay{
            border:#F00 1px solid;
            color: #F00;
            background-color: transparent;
        }
        >.btn-ok{
            color: #F33;
            border:none;
            background-color: transparent;
        }
        >.btn-go {
            background-color: #2aa433;
            color: #FFF;
            border:none;
        }
        >.btn-pay-course{
            background-color: #FF0000;
            color: #FFF;
            border:none;
        }
    }    
}

/*通用*按钮*/
.button-a{
    margin: 20px 5%;
    display: block;
    width: 90%;
    border-radius: 5px;
}

/*通用*头部*/
>.header-a{
    background: url(../image/user/header-bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    padding:15px 0px;
    
    .user-icon {
        position: relative;
        >.head-icon{
            width: 20%;
            height: 20%;
            border-radius: 50%;
            border: rgba(255, 255, 255, 0.3) 5px solid;
        }
        >.edit{
            position:absolute;
            bottom:3px;
            margin-left: 23px;
            left: 50%;
            width:17px;
            height:17px;
        }
    }

    .user-name {
        font-size: 16px;
        color: #FFF;
        margin-top: 5px;
    }
}

/*通用*用户列表*/
.list-user-a {
    margin-bottom: 0px;
    >li{
        padding: 10px 10px;
        position: relative;
        .icon{
            width: 50px;
            height: 50px;
            margin-right: 5px;
            float: left;
            >img{
                width: 100%;
                height: 100%;
                border-radius: 5px;
            }
        }
        .top-line{
            font-size: 16px;
            color: #333;
        }
        .btm-line {
            font-size: 14px;
            color: #999;
            margin-top: 1px;
        }
        .float-line {
            position: absolute;
            right: 10px;
            bottom: 11px;
        }
    }
}
/*通用*搜索框*/
>.box-search-a{
    padding: 5px 10px;
    .am-form-field {
        border-radius: 20px;
        text-align: center;
        padding: 8px 10px;
        font-size: 15px;
    }
}
/*通用*加载更多*/
.load-more-a{
    text-align: center;
    background-color: #FFF;
    border: #d7d7d7 1px solid;
    border-width: 0px 0px;
    padding: 6px 10px;
    margin: 10px 0px;
    font-size: 14px;
    color: #999;
}
.load-more-b{
    text-align: center;
    background-color: #FFF;
    padding: 8px 10px;
    border: none;
    margin: 10px;
    box-shadow: 1px 1px 3px #666;
    font-size: 14px;
    color: #999;
}
/*通用*手风琴菜单*/
.list-collapse-a{
    margin: 0px;
    >.list-child{ display: none; }
    >li{
        >a {
            color: #333;
            padding: 10px 10px;
            .flag {
                color: #333;
                .fa{
                    color: #999;
                    width: 20px;
                    text-align: center;
                }
            }
        }
        >ul{
            overflow-y: scroll;
            max-height: 430px;
            >li{
                padding: 10px 10px;
                .user-icon{
                    width: 50px;
                    height: 50px;
                    float: left;
                    margin-right: 10px;
                    >img{
                        width: 100%;
                        height: 100%;
                        border-radius: 5px;
                    }
                }
                .name {
                    font-size: 16px;
                    color: #333;
                }
                .child{
                    font-size: 14px;
                    color: #999999;
                }
            }
        }
    }
}

body{
    background-color: #efeff4;
    padding:0;
    margin:0;
}

/*用户中心样式*/
.user-index {
    >.header{
        .header-a;
        .user-score {
            margin: 10px 20% 0px 20%;
            background-color: #2aa433;
            font-size: 14px;
            height: 34px;
            color:#FFF;
            line-height: 34px;
            border-radius: 17px;
        }
    }

    >.user-menu {
        margin-top: 10px;
        padding: 5px 15px;
        background-color: #FFF;
        
        .title {
            .title-a;
        }

        >.last-course {
            padding: 0px 0px;
            display: none;
            margin-top: -5px;
            
            .banner {
                //height: 150px;
                overflow: hidden;
                position: relative;

                img { width: 100%; margin-top:-5%;}

                .course-name {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 100%;
                    padding: 5px 10px;
                    background-color: rgba(0, 0, 0, 0.35);
                    color: #FFF;
                    font-size: 14px;
                }
            }
        }

        >.menu-list{
            >li:hover{
                background-color: #f7f7f7;
            }

            .fa-angle-right {
                font-size: 23px;
                color: #ccc;
                margin-right:10px;
            }
        }
    }
}

/*用户课程样式*/
.user-course {
    .goods-list-a;
    .load-more{
        .load-more-a;
    }
}

/*用户积分样式*/
.user-score {
    .am-tabs-bd{ 
        border:none;

        .am-tab-panel {
            margin:0px;
            padding:0px;
            border-top: #d9d9d9 1px solid;
        }
    }
    
    .title{
        .title-a;
        margin-left: 10px;
        >.icon > img{
            margin-top: -12px;
            width: 90%;
        }
    }

    .score-explain{
        >.content{
            background-color: #FFF;
            padding: 10px;
            font-size: 14px;

            >p {
                margin: 3px 5px 3px 10px;
                text-indent: -10px;
                color: #999;
            }
        }
    }

    .score-log{
        margin-top: 10px;
        >.content{
            background-color: #FFF;

            >.log{
                padding: 7px 10px;
                border-bottom: #d9d9d9 1px solid;
                &:first-child{
                    border-top: #d9d9d9 1px solid;
                }
                >.name {
                    color: #333;
                    font-size: 14px;
                }
                >.info{
                    color: #999;
                    font-size: 12px;
                }
            }
        }
        >.load-more{
            .load-more-b;
        }
    }

    .score-shop {
        .goods-list-a;
        >.tip{
            text-align: center;
            color: #999;
            padding: 0px 5px;
            margin-top: 10px;
            font-size: 14px;
        }
        >.load-more{
            .load-more-b;
        }
    }
}

/*用户订单样式*/
.user-order{
    >.order-list{
        .goods-list-a;
        >.load-more{
            .load-more-a;
        }
    }
}

/*意见反馈样式*/
.user-feedback {
    >.title{
        .title-a;
        color: #737373;
        padding-left: 10px;
        margin-top: 5px;
        font-size: 15px;
    }

    >.content{ 
        >textarea{
            resize: none;
            height: 130px;
            border-right: none;
            border-left: none;
            font-size: 13px;
            padding: 10px;
            &:focus{
                border-color: #04be02;
            }
        }
        >input{
            border-right: none;
            border-left: none;
            font-size:13px;
            padding: 10px 10px;
            &:focus{
                border-color: #04be02;
            }
        }
    }

    >.am-btn{
        .button-a;
    }
}

/*用户信息样式*/
.user-info {
    padding-top: 10px;
    >.am-table {
        border-bottom: #ccc 1px solid;
    }
    >.am-table tr{
        background-color: #FFF;
        >td {
            vertical-align: middle;
            font-size: 14px;
            &:first-child{
                text-align:left;
            }
            &:last-child{
                text-align: right;
                >.am-form-field {
                    text-align: right;
                    border:none;
                    &:focus{
                        box-shadow:none;
                    }
                }
                >select{
                    direction: rtl;
                }
            }
        }
    }
    
    >.tip{
        color: #999;
        font-size: 12px;
        text-align: center;
    }
    .head-img {
        img {
            width: 50px;
            height: 50px;
        }
    }

    .btn-submit {
        .button-a;
        margin-top: 3px;
    }
}

/*课程商城样式*/
.course-list {
    .goods-list-a;
    .goods:first-child{
        margin-top: 0px;
    }
    >.load-more{
        .load-more-b;
    }
    >.box-cart{
        padding: 0px;
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background-color: #FFF;
        >.icon {
            border-top: #F37B1D 1px solid;
            text-align: center;
            position: relative;
            >img {
                height: 35px;
                margin-top: 5px;
            }
            >span {
                position: absolute;
                left: 50%;
                top: 2px;
                width: 20px;
                height: 20px;
                margin-left: 10px;
                background-color: #F33;
                color: #FFF;
                border-radius: 50%;
                font-size: 12px;
                line-height: 20px;
            }
        }
        >.tip{
            border-top: #F37B1D 1px solid;
            font-size: 14px;
            padding-right: 30px;
            text-align: right;
            height: 50px;
            line-height: 50px;
            color: #F33;
            >.amount{
                font-size: 20px; margin-left: 5px;
            }
        }
        .am-btn{
            height: 50px;
            font-size: 16px;
            line-height: 55px;
            padding: 0px;
        }
    }
}

/*课程详情样式*/
.course-detail {
    >.header{
        // max-height: 150px;
        overflow: hidden;
        position: relative;
        >img{
            width: 100%;
        }
        >.name{
            width: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 5px 10px;
            color: #FFF;
            position: absolute;
            bottom: 0px;
            left: 0px;
            font-size: 14px;
        }
    }

    >.sim-intro{
        text-align: center;
        background-color: #FFF;
        padding: 10px 0px;
        color: #737373;
        font-size: 14px;
        >li:first-child{
            border-right: #d9d9d9 1px solid;
        }
        >li:last-child {
            color: #ff0000;
            >.try-listen{
                // float:right;
                // text-decoration: underline;
                // margin-right:30px;
                // color: #369;
                width: auto;
                height: 20px;
                padding: 0px 5px;
                color: #FFF;
                background-color: #ff853b;
                border-radius: 3px;
                float: right;
                margin-right: 30px;
            }
        }
    }
    
    >.chapters{
        font-size: 14px;
        background-color: #FFF;
        margin: 10px 0px;
        >.title{
            color: #04be02;
            padding: 10px;
        }
        >.am-list{
            >li{
                padding: 3px 0px;
                margin: -1px 10px 0px;
                color: #999;
            }
            padding-bottom: 10px;
        }
    }

    >.intro {
        background-color: #FFF;
        padding: 0px 10px;
        padding-bottom: 20px;
        margin-top: 10px;
        font-size: 14px;
        >.title {
            color: #04be02;
            padding-top: 10px;
        }
        >.content{
            color: #999;
            font-size: 12px;
            padding-top: 5px;
        }
    }
    
    >.gap{
        height: 100px;
    }
    
    
    >.hot-buy{
        width: 100%;
        border-top: #d9d9d9 1px solid;
        position: fixed;
        bottom: 0px;
        left: 0px;
        background-color: #FFF;

        >.am-btn {
            width: 94%;
            margin: 5px 3%;
            border-radius: 3px;
        }
    }
}

/*课程播放样式*/
.course-play {
    font-size: 14px;
    .am-control-nav {
        display: none;
    }
    >.am-slider{
        margin-bottom: 0px;
        position: relative;
        >.ppt-guide{
            position:absolute;
            width: 100%;
            height:100%;
            top:0px;
            left:0px;
            z-index: 100;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            >.box-hand{
                text-align: center;
                margin-top: 60px;
                >img{
                    width: 10%;
                    margin: 0px 20px;
                }
            }
            >.guide-text {
                text-align: center;
                color: #FFF;
                font-size: 16px;
            }
        }
        >.img-numb{
            width: 25px;
            height: 25px;
            line-height: 27px;
            font-size: 12px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.5);
            color: #EEE;
            position: absolute;
            left: 10px;
            bottom: 10px;
            z-index: 100;
            text-align: center;
        }
    }

    >.box-audio{
        background-color: #131313;
        margin-top: 0px;
        // >.audiojs {
        //     width: 100%;
        //     >.play-pause{
        //         width: 40px;
        //     }
        //     >.scrubber {
        //         width: 50%;
        //     }
        // }
        >.audioplayer{
            margin: 0px;
            height: 40px;
            >.audioplayer-playpause{
                // width:15%;
            }
            >.audioplayer-bar{
                width: 55%;
            }
            >.audioplayer-time {
                line-height: 40px;
                width:15%;
            }
            >.audioplayer-time-duration{
                right: 0px;
            }
            >.audioplayer-volume{
                display: none;
            }
        }
    }
    >.get-share-code {
        margin: 5px 0px;
        padding: 10px 20px;
        .am-btn {
            border-radius: 5px;
            font-size: 15px;
            padding: 8px 2px;
        }
    }
    >.course-info {
        background-color: #FFF;
        .normal-tabs > .am-nav-tabs > li > a{
            padding: 9px 2px;
            font-size: 15px;
        }
        
        .chapter-list{
            padding: 0px;
            >li{
                position:relative;
                >.play_button {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0px;
                    left: 0px;
                }
                >.number {
                    font-size: 14px;
                    color: #333;
                    margin:10px 5px 0px 5px;
                }
                >.name {
                    font-size: 12px;
                    color: #999;
                    margin:2px 5px 10px 5px;
                }
            }
            >li.active{
                // background-color: #EEE;
                // border-left: #4EC653 3px solid;
                // margin-left: -1px;
                >.number{color: #4EC653}
                >.name {color: #94D050}
            }
            >.not-play {
                >.number, >.name{
                    color: #CCC;
                }
            }
        }

        .data-list{
            padding: 0px;
            >li {
                padding-left: 10px;
            }
        }
    }
    >.course-buy {
        padding: 5px 10px;
        position: fixed;
        left: 0px; bottom: 0px;
        width: 100%;
        z-index: 100;
        background-color: #FFF;
        border-top: #d9d9d9 1px solid;
        >.btn-buy {
            width: 100%;
            border-radius: 5px;
        }
    }
}

/*销售首页样式*/
.sole-index {
    font-size: 14px;
    >.header {
        .header-a;
        >.user-name{
            margin: 15px 0px;
        }
    }

    >.money-info {
        display: none;
        text-align: center;
        background-color: #FFF;
        li{
            margin: 10px 0px;
            >.count{
                color: #F33;
                font-size: 16px;
            }
            >.name{
                color: #999;
            }
            &:first-child {
                border-right: #d9d9d9 1px solid;
            }
        }        
    }

    >.modules {
        margin-top: 20px;
        background-color: #FFF;
        border-left: #d9d9d9 1px solid;
        border-top: #d9d9d9 1px solid;
        .module {
            text-align: center;
            padding: 15px 0px;
            >.icon {
                >img {
                    width: 50%;
                }
            }
            >.name {
                margin-top:10px;
                color: #333;
            }
        }
        
        li {
            border:#d9d9d9 1px solid;
            border-left-color: #FFF;
            border-top-color: #FFF;
        }
    }
}

/*用户二维码样式*/
.user-2dcode {
    text-align: center;
    background: url(../image/user/bg-2dcode.png) no-repeat;
    background-size: 100% auto;
    background-color: #F2F1E9;

    >.logo > img {
        width: 40%;
        margin-top: 20px;
    }

    >.user-icon > img {
        width: 20%;
        min-width: 80px;
        margin-top: 30px;
        border-radius: 10px;
    }

    >.user-name {
        font-size: 15px;
        margin-top: 5px;
    }

    >.font-img > img {
        margin-top: 40px;
        width: 100%;
    }

    >.code-img > img {
        margin-top: 30px;
        width: 45%;
    }
}

/*分销用户样式*/
.sole-statis{
    >.title{
        font-size: 14px;
        color: #737373;
        margin: 10px 12px;
    }
    >.collapse{
        .list-collapse-a;
        .load-more {
            height: 40px;
            background-color: #FFF;
            line-height: 40px;
            padding: 0px;
            font-size: 14px;
            text-align: center;
            color: #999;
        }
    }
}

/*用户绩效样式*/
.sole-gpa{
    >.box-search{
        .box-search-a;
    }
    >.collapse{
        .list-collapse-a;
        >.list-child{ 
            display: block; 
            font-size: 16px;
            >.am-list {
                >.am-cf {
                    position: relative;
                    >.right-amount {
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        color: #FF0000;
                        font-size: 18px;
                    }
                }
                >.load-more{
                    height: 40px;
                    background-color: #FFF;
                    line-height: 40px;
                    padding: 0px;
                    font-size: 14px;
                    text-align: center;
                    color: #999;
                    border-top: #FFF 1px solid;
                }
            }
        }
    }
}

/*销售记录样式*/
.sole-log {
    >.box-search{
        .box-search-a;
    }
    >.am-list{
        .list-user-a;
        .float-line {
            top: 10px;
            color: #999;
        }
        >.load-more{
            .load-more-b;
        }
    }
}

/*用户提成样式*/
.sole-deduct {
    font-size: 15px;
    color: #333;
    >.header{
        text-align: center;
        min-height: 150px;
        background: url(../image/sole/bg-money.png) no-repeat;
        background-size: 100% auto;
        color: #FFF;
        >.title{
            font-size: 16px;
            padding-top: 30px;
        }
        >.value{
            font-size: 35px;
            padding-top: 10px;
        }
    }
    >.total-fee {
        background-color: #FFF;
        padding: 8px 15px;
        margin-top: 20px;
        border: #d9d9d9 1px solid;
        border-left: none;
        border-right: none;
        .key{
            float: left;
        }
        .val{
            float: right;
        }
    }
    >.title{
        padding: 8px 15px;
        color: #737373;
    }
    >.am-list{
        background-color: #FFF;
        border-top: #d9d9d9 1px solid;
        border-bottom: #d9d9d9 1px solid;
        >li{
            padding: 8px 5px;
            border-top: none;
            margin: 0px 10px;
            .key{
                float: left;
            }
            .val{
                float: right;
            }
            &:last-child{
                border:none;
            }
        }
    }
    >.box-btn{
        text-align: center;
        margin-top: 10px;
        >.am-btn{
            letter-spacing: 1px;
            width: 90%;
            margin:0px 5%;
            border-radius: 5px;
        }
    }
}

/*用户提现样式*/
.sole-withdraw {
    text-align: center;
    color: #333;
    >.icon {
        margin-top: 40px;
        >img {
            width: 50px;
        }
    }
    >.title{
        font-size: 14px;
        margin-top: 5px;
    }
    >.amount {
        font-size: 30px;
    }
    
    >.am-table {
        background-color: #FFF;
        font-size: 14px;
        border-bottom: #d9d9d9 1px solid;
        margin-top: 10px;
        tr {
            >td{
                padding: 0px 10px;
                height: 40px;
                vertical-align: middle;
                &:first-child{
                    text-align:left;
                }
                &:last-child{
                    text-align: right;
                    color: #808080;
                    .am-form-field {
                        height: 35px;
                        font-size: 14px;
                        margin:0px;
                        text-align: right;
                        border:none;
                        &:focus{
                            box-shadow: none;
                        }
                    }
                }
            }
        }
    }

    >.notice {
        font-size: 12px;
        color: #F33;
    }
    .box-btn {
        .am-btn {
            width: 90%;
            margin:0px 5%;
            border-radius: 5px;
            letter-spacing: 1px;
        }
    }
}

/*提现记录样式*/
.sole-withdraw-log {
    >.am-list {
        position: relative;
        margin-bottom: 0px;
        >li {
            padding: 5px 10px;
            >.amount{
                color: #F33;
                font-size: 16px;
            }
            >.date {
                color: #999;
                font-size: 14px;
            }
            >.status {
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -10px;
                font-size: 14px;
                color: #333;
            }
        }
    }
    >.load-more {
        .load-more-a;
        margin-top:0px;
    }
}

/*销售人员信息样式*/
.sole-user-info{
    .user-info;
}

/*毕业证样式*/
.share-graduate {
    >img {
        width: 100%;
    }
    >.share-tip{
    	margin-top:30px;
    	font-size:14px;
    	color: #FFF;
    	text-align:center;
    	>.title{font-size:16px;}
    	>p{margin:3px 0px;}
    }
    >.change {
        width: 50px;
        height: 48px;
        padding: 7px 5px 3px 5px;
        text-align: center;
        border-radius: 50%;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 18px;
        color: #FFAC2A;
        background-color: #FFF;
        box-shadow: 2px 2px 2px #333;
        position: fixed;
        bottom: 30px;
        right: 30px;
    }
    // background: url(../image/share/bg-graduate.png) no-repeat;
    // background-size: 100% auto;
    // min-height: 400px;
    // z-index: -1;
    // >.box-award {
    //     text-align: center;
    //     padding-top:30px;
    //     >.award {
    //         position: relative;
    //         z-index: 1;
    //         width: 70%;
    //         display: inline-block;
    //         >.bg-award {
    //             width: 100%;
                
    //         }
    //         >.content{
    //             position: absolute;
    //             top: 55px; left: 15%;
    //             width: 70%;
    //             z-index: 2;
    //             text-align: left;
    //             >p{
    //                 margin:0;
    //                 font-size: 15px;
    //             }
    //             >.body{
    //                 text-indent: 30px;
    //             }
    //             >.foot{text-align: right;}
    //         }
    //     }
    // }

    // >.font-desc{
    //     margin-top: 50px;
    //     >img{width: 100%;}
    // }

    // >.code {
    //     padding: 40px 30% 60px 30%;
    //     >img{
    //         width: 100%;
    //     }
    // }
}

/*课程分享页样式*/
.share-course {
    >img {
        width: 100%;
    }
    >.share-tip{
    	margin-top: 30px;
    	margin-left: -30px;
    	color: #FFF;
    	font-size: 12px;
    	>p{margin:2px 0px;}
    	>.title{
    	    font-size:14px;
        }
    }
    >.change {
        width: 50px;
        height: 48px;
        padding: 7px 5px 3px 5px;
        text-align: center;
        border-radius: 50%;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 18px;
        color: #FFAC2A;
        background-color: #FFF;
        box-shadow: 2px 2px 2px #333;
        position: fixed;
        bottom: 30px;
        right: 30px;
    }
}

.shopcart-list{
    .goods-list-a;

    .btn.btn-delete {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background-color: #FFF;
        font-size: 14px;
        color: #F33;
        width: 60px;
        height: 25px;
        border-radius: 3px;
        border: #F33 1px solid;
    }

    >.box-cart{
        padding: 0px;
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background-color: #FFF;
        >.icon {
            border-top: #F37B1D 1px solid;
            text-align: center;
            position: relative;
            >img {
                height: 35px;
                margin-top: 5px;
            }
            >span {
                position: absolute;
                left: 50%;
                top: 2px;
                width: 20px;
                height: 20px;
                margin-left: 10px;
                background-color: #F33;
                color: #FFF;
                border-radius: 50%;
                font-size: 12px;
                line-height: 20px;
            }
        }
        >.tip{
            border-top: #F37B1D 1px solid;
            font-size: 14px;
            text-align: center;
            height: 50px;
            color: #F33;
            padding: 5px;
        }
        .am-btn{
            height: 50px;
            font-size: 16px;
            line-height: 55px;
            padding: 0px;
        }
    }
    
    >.box-coupon{
        margin-top: 10px;
        background-color: #FFF;
        >div{
            height: 37px;
            line-height: 37px;
            font-size: 14px;
            color: #999;
            text-align:center;
            >input{
                border: none;
                &:focus{box-shadow: none;}
            }
        }
        .check-code-loading{display: none;}
    }
    >.coupon-tip{
        color: #F33;
        font-size: 14px;
        text-align: center;
    }
}